<template>
	<view class="module-block" @click="toColumn">
		<view class="more-block-info">
			<view class="title">{{columnTitle}}</view>
			<view class="iconfont">&#xe67f;</view>
		</view>
	</view>
</template>

<script>
	/**
	 * stOrderColumnBar 订单详情页bar
	 */
	export default {
		name:"stOrderColumnBar",
		props: {
			columnTitle:{
				type: String,
				default: ''
			}
		},
		data() {
			return {}
		},
		methods: {
			toColumn(e){
				this.$emit('toColumn', e)
			}
		}
	}
</script>

<style lang="scss" scoped>
.module-block {
	padding: 0 25rpx;
	margin-bottom: 20rpx;
	.more-block-info {
		@extend .justifyspacec;
		height: 100rpx;
		padding: 0 14rpx 0 28rpx;
		font-size: $uni-font-size-base;
		border-radius: 20rpx;
		background-color: $uni-bg-color;
	}
}
</style>